﻿<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPageContent.master" AutoEventWireup="false" CodeFile="ChangePassword.aspx.vb" Inherits="Tools_ChangePassword" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style type="text/css">
        
        .Right
    {
    	background-color:#9acd32;
    	width: 200px;
	    height:20px;
	    margin: 0 0 0 0;
	    border: 1px solid  #333333;
	    background:url('Design/images/1317275859_lock_unlock.png') no-repeat left center;
	    padding-left:20px;
  	    
    }
    
    .Wrong
    {
    	background-color:#fa8072;
    	width: 200px;
	    height:20px;
	    margin: 0 0 0 0;
	    border: 1px solid  #333333;
	    background:url('Design/images/1317275859_lock_unlock.png') no-repeat left center;
	    padding-left:20px;
  	    
    }
    
  .Normal
  {
  	    background-color:White;
  	    width: 200px;
	    height:20px;
	    margin: 0 0 0 0;
	    border: 1px solid  #333333;
	    background:url('Design/images/1317275859_lock_unlock.png') no-repeat left center;
	    padding-left:20px;
  	    
  }
        
    .tableChangePass
    {
    	-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	     border-radius: 5px;
    }
    
    .titleChangePass
    {
    	font-family:Microsoft Uighur;
    	font-size:40px;
    	
    }
        
   .UserName
   {
   	    background-color:White;
        width:200px;
        height:20px;
        border: 1px solid  #333333;
        background-color:Gray;
        background:url('~/Design/images/user_business_boss.png') no-repeat left center;
	    padding-left:20px;
   }
        
    .inputPass {
	width: 200px;
	height:20px;
	margin: 0 0 0 0;
	border: 1px solid  #333333;
	background:url('~/Design/images/lock_unlock.png') no-repeat left center;
	padding-left:20px;
    
    }
        
   .inputboxStar {
	width: 200px;
	height:20px;
	margin: 0 0 0 0;
	border: 1px solid  #333333;
	background:url('~/Design/images/key.png') no-repeat left center;
	padding-left:20px;
    
    }
        .style1
        {
            width: 238px;
        }
        .style2
        {
            height: 43px;
        }
        .style3
        {
            height: 70px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    

    


      
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    <script type="text/javascript">

        //Add the javascript so we know where we want the enter key press to go


        function doClick(buttonName, e) {
            //the purpose of this function is to allow the enter key to 
            //point to the correct button to click.
            var key;

            if (window.event)
                key = window.event.keyCode;     //IE
            else
                key = e.which;     //firefox

            if (key == 13) {
                //Get the button the user wants to have clicked
                var btn = document.getElementById(buttonName);
                if (btn != null) { //If we find the button click it
                    btn.click();
                    event.keyCode = 0
                }
            }
        }


    </script>
    </telerik:RadScriptBlock>

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="rtbOldPassword">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="checkpassword" />
                        <telerik:AjaxUpdatedControl ControlID="rtbOldPassword"/>
                        <telerik:AjaxUpdatedControl ControlID="ibtnSubmit"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Telerik" Transparency="20">
        </telerik:RadAjaxLoadingPanel>

        

    <table dir='<%$ Resources:SystemResource , HTMLDirectionality %>' runat="server" class="tableChangePass" style="margin-left:190px; margin-top:50px">
        <tr height="40px">
            <td valign="top" align="left" width="160px">
                <asp:Label ID="lblUserName" runat="server" meta:ResourceKey="lblUserName" SkinID="KeyLabel" Text="User Name:" Font-Size="Medium" ></asp:Label>
            </td>
            <td valign="top" align="center" >
                
                <telerik:RadTextBox ID="rtbuserName" SkinID="rtbSkin" ReadOnly="true" runat="server" ></telerik:RadTextBox>
            </td>
            <td valign="top" align="center" class="style1">            
            </td>
        </tr>
        <tr height="40px">
            <td valign="top" align="left">
                <asp:Label ID="lblOldPass" runat="server" meta:ResourceKey="lblOldPass" SkinID="KeyLabel" Text="Current Password:" Font-Size="Medium" ></asp:Label>
            </td>
            <td valign="top" align="center">
                
                <telerik:RadTextBox ID="rtbOldPassword" SkinID="rtbSkin" runat="server" AutoPostBack="true" OnTextChanged="GetPassword"  ></telerik:RadTextBox>
            </td>
            <td valign="top" align="left" class="style1">
                <div id="checkpassword" runat="server" Visible="false">
                <asp:Image ID="imgstatus" runat="server" Width="17px" Height="17px"/>
                <asp:Label ID="lblStatus" runat="server"></asp:Label>
               </div>
                <asp:RequiredFieldValidator ID="rfvPassword" Display="Dynamic" runat="server" meta:ResourceKey="rfvPassword" ControlToValidate="rtbOldPassword" ></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr height="40px">
            <td valign="top" align="left">
                <asp:Label ID="lblNewPass" runat="server" SkinID="KeyLabel" meta:ResourceKey="lblNewPass" Font-Size="Medium" ></asp:Label>
            </td>
            <td valign="top" align="center">
                
                <telerik:RadTextBox ID="rtbNewPass" SkinID="rtbSkin" runat="server" TextMode="Password"></telerik:RadTextBox>
            </td>
            <td valign="top" align="left" class="style1">
                <asp:RequiredFieldValidator ID="rfvNewPass" Display="Dynamic" runat="server" meta:ResourceKey="rfvNewPass" ControlToValidate="rtbNewPass" ></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr height="40px">
            <td valign="top" align="left">
                <asp:Label ID="lblConfirmPass" runat="server" SkinID="KeyLabel" meta:ResourceKey="lblConfirmPass" Font-Size="Medium" ></asp:Label>
            </td>
            <td valign="top" align="center">
                
                      <telerik:RadTextBox  ID="rtbConfirmPass" SkinID="rtbSkin" runat="server" TextMode="Password"></telerik:RadTextBox>
            </td>
            <td valign="top" align="left" class="style1">
                <asp:RequiredFieldValidator ID="rfvConfirmPass" runat="server" ControlToValidate="rtbConfirmPass" meta:ResourceKey="rfvConfirmPass" Display="Dynamic" ></asp:RequiredFieldValidator>
                <asp:CompareValidator ID="CmpConfirmPass" runat="server" meta:ResourceKey="CmpConfirmPass"
                         ControlToCompare="rtbNewPass" ControlToValidate="rtbConfirmPass" Display="Dynamic" ForeColor="Red" />
            </td>
        </tr>
        
        <tr>
            <td rowspan="1" colspan="3" valign="middle" align="center" class="style2">
                
                <table>
                    <tr>
                        <td>
                            <asp:ImageButton ID="ibtnSubmit" OnClick="SaveInfo" 
                                meta:ResourceKey="ibtnSubmit" CausesValidation="true"  
                                runat="server" />
                        </td>
                        <td>
                            <asp:ImageButton ID="btnCancel" 
                                meta:ResourceKey="btnCancel" PostBackUrl="~/Default.aspx" CausesValidation="false" 
                                runat="server" />
                        </td>
                    </tr>
                </table>
                              
            </td>
        </tr>

    </table>

</asp:Content>

